﻿<div class="middle-box-profile">
    <div id="dBgRank" class="div_bg_top vip-dif">
        <div class="bg_top">
            <div class="div_tab">
                <ul class="ul_tab">
                    <li><a href= "@Url.Action("DislayView", new { name = "hdd" })" class='tab' name=''>
                        <p>
                            Hi&#768;nh &#273;a&#803;i di&ecirc;&#803;n
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttcn" })" class='tab active' name=''>
                        <p>
                            Cá nhân</p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "tthv" })" class='tab' name=''>
                        <p>
                            Ho&#803;c v&acirc;&#769;n
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttst" })"  class='tab' name=''>
                        <p>
                            S&#417;&#777; thi&#769;ch
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttlh" })" class='tab' name=''>
                        <p>
                            Li&ecirc;n h&ecirc;&#803;
                        </p>
                    </a></li>
                </ul>
                <div class="profile-shadow" style="position: relative; margin-top: -8px;">
                </div>
            </div>
            <div id="dProfileInfo" class="profile-info" style="padding-bottom: 0; top: 21px;
                position: relative;">
                <!--19.12.2 -->
                <div id="dNhomMua" style="display: none">
                    <a href="javascript:void(0);" id="dImgNM">
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/avatar-big.gif")" id="avatarNM" width="68" height="68" />
                    </a><a href="javascript:void(0);" name=""><em id="bNameNM">Grouppixel</em></a>
                </div>
                <div id="dPower">
                    <div class="profile-progess">
                        <a href= "@Url.Action("DislayView")" id="dImgProfile">
                            <img src="@Url.Content("~/Content/UserThemes/Images/avartar/20.jpg")" id="avatarMain" width="68" height="68" />
                        </a>
                        <div class="inner-progess-bar">
                            <span id="sProgress" class="progess" style="width: 0%;"></span>
                        </div>
                    </div>
                    <div class="profile-detail">
                        <span class="profile-img"></span><span class="profile-txt"><a href="javascript:void(0);"
                            id="bNameUser">cuhodiacong</a> <em id="eUserRank" style="padding-left: 0">Thành viên
                                m&#417;&#769;i</em> </span>
                        <p id="pCreateDate">
                            Ngày tham gia: 04/04/2012</p>
                        <p id="pBaiViet">
                            Bài viết: 0</p>
                    </div>
                </div>
                <!--end 19.12.2 -->
            </div>
        </div>
    </div>
    <div class="box-profile" style="padding-top: 0">
        <div class="middle-box-content personal">
            <p>
                Email</p>
            <div class="div_txtDK big-txt">
                <input name="txtMyEmail" type="text" id="txtMyEmail" disabled="disabled" style="width: 357px;"
                    value="thewarmest_boy@yahoo.com" />
            </div>
            <p>
                Tên thành viên</p>
            <div class="div_txtDK big-txt">
                <input name="txtMyNick" type="text" id="txtMyNick" style="width: 357px;" value="cuhodiacong"
                    disabled="disabled" />
            </div>
            <a href="javascript:void(0);" id="aThayDoi" class="change" style="display: none">Thay
                d?i</a>
            <p>
                Noi &#417;&#777; <span class="red">*</span></p>
            <div class="div_txtDK big-txt">
                <select name="ddLCityPF" class="big-txt" id="ddLCityPF" style="width: 368px;">
                    <option value="0">Cho&#803;n tha&#768;nh ph&ocirc;&#769;</option>
                    <option value="76">An Giang</option>
                    <option value="281">B&#259;&#769;c Ca&#803;n</option>
                    <option value="204">Ba&#803;c Li&ecirc;u</option>
                    <option value="781">Ba&#803;c Li&ecirc;u</option>
                    <option value="241">B&#259;&#769;c Ninh</option>
                    <option value="75">B&ecirc;&#769;n Tre</option>
                    <option value="56">Bi&#768;nh &#272;i&#803;nh</option>
                    <option value="650">Bi&#768;nh D&#432;&#417;ng</option>
                    <option value="651">Bi&#768;nh Ph&#432;&#417;&#769;c</option>
                    <option value="62">Bi&#768;nh Thu&acirc;&#803;n</option>
                    <option value="780">C&agrave; Mau</option>
                    <option value="710">C&acirc;&#768;n Th&#417;</option>
                    <option value="26">Cao B&#259;&#768;ng</option>
                    <option value="511">&#272;a&#768; N&#259;&#771;ng</option>
                    <option value="50">&#272;&#259;k L&#259;&#769;k</option>
                    <option value="501">&#272;&#259;k N&ocirc;ng</option>
                    <option value="230">&#272;i&ecirc;&#803;n Bi&ecirc;n</option>
                    <option value="61">&#272;&ocirc;&#768;ng Nai</option>
                    <option value="67">&#272;&ocirc;&#768;ng Tha&#769;p</option>
                    <option value="59">Gia Lai</option>
                    <option value="223">H&agrave; Giang</option>
                    <option value="351">H&agrave; Nam</option>
                    <option value="4">Ha&#768; N&ocirc;&#803;i</option>
                    <option value="34">H&agrave; T&acirc;y</option>
                    <option value="39">H&agrave; Tinh</option>
                    <option value="320">Ha&#777;i D&#432;&#417;ng</option>
                    <option value="31">Ha&#777;i Pho&#768;ng</option>
                    <option value="711">H&#432;&#771;u Giang</option>
                    <option value="8">H&ocirc;&#768; Chi&#769; Minh</option>
                    <option value="18">H&ograve;a B&igrave;nh</option>
                    <option value="321">Hung Y&ecirc;n</option>
                    <option value="58">Kh&aacute;nh H&ograve;a</option>
                    <option value="77">Ki&ecirc;n Giang</option>
                    <option value="60">Kon Tum</option>
                    <option value="23">Lai Ch&acirc;u</option>
                    <option value="63">L&acirc;m &#272;&ocirc;&#768;ng</option>
                    <option value="25">La&#803;ng S&#417;n</option>
                    <option value="20">L&agrave;o Cai</option>
                    <option value="72">Long An</option>
                    <option value="350">Nam &#272;i&#803;nh</option>
                    <option value="38">Ngh&ecirc;&#803; An</option>
                    <option value="30">Ninh B&igrave;nh</option>
                    <option value="68">Ninh Thu&acirc;&#803;n</option>
                    <option value="210">Phu&#769; Tho&#803;</option>
                    <option value="57">Ph&uacute; Y&ecirc;n</option>
                    <option value="52">Qua&#777;ng Bi&#768;nh</option>
                    <option value="510">Qua&#777;ng Nam</option>
                    <option value="55">Qua&#777;ng Nga&#771;i</option>
                    <option value="33">Qua&#777;ng Ninh</option>
                    <option value="53">Qua&#777;ng Tri&#803;</option>
                    <option value="79">S&oacute;c Tr&#259;ng</option>
                    <option value="22">S&#417;n La</option>
                    <option value="66">T&acirc;y Ninh</option>
                    <option value="36">Th&aacute;i B&igrave;nh</option>
                    <option value="280">Th&aacute;i Nguy&ecirc;n</option>
                    <option value="37">Thanh H&oacute;a</option>
                    <option value="54">Th&#432;&#768;a Thi&ecirc;n Hu&ecirc;&#769;</option>
                    <option value="73">Ti&ecirc;&#768;n Giang</option>
                    <option value="74">Tr&agrave; Vinh</option>
                    <option value="27">Tuy&ecirc;n Quang</option>
                    <option value="70">Vinh Long</option>
                    <option value="211">Vinh Ph&uacute;c</option>
                    <option value="64">Vung T&agrave;u</option>
                    <option value="29">Y&ecirc;n B&aacute;i</option>
                </select>
            </div>
            <p>
                Gi&#417;&#769;i tính <span class="red">*</span></p>
            <div class="middle-box-sex">
                <label for="chk_sex" class="iGTDK">
                </label>
                <div id="divcbMale" class="checkDK checkedDK">
                </div>
                <input name="cbMale" type="checkbox" id="cbMale" style="display: none;" value="cbMale"
                    checked="checked" />
                <i class="iNoneDK"></i>
                <label for="chk_sex" class="iGTFMaleDK">
                </label>
                <div id="divcbFemale" class="checkDK">
                </div>
                <input name="cbFemale" type="checkbox" id="cbFemale" style="display: none;" value="cbMale" />
                <div class="clear">
                </div>
            </div>
        </div>
        <p>
            Ngày sinh<span class="red">*</span></p>
        <div class="middle-box-date">
            <div class="div_txtDK big-txt" style="margin-right: 20px;">
                <select name="ddlDate" id="ddlDate" autocomplete="off" style="width: 78px;">
                    <option value="0">- -</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option selected="selected" value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                    <option value="18">18</option>
                    <option value="19">19</option>
                    <option value="20">20</option>
                    <option value="21">21</option>
                    <option value="22">22</option>
                    <option value="23">23</option>
                    <option value="24">24</option>
                    <option value="25">25</option>
                    <option value="26">26</option>
                    <option value="27">27</option>
                    <option value="28">28</option>
                    <option value="29">29</option>
                    <option value="30">30</option>
                    <option value="31">31</option>
                </select>
            </div>
            <div class="div_txtDK big-txt" style="margin-right: 20px;">
                <select name="ddlMonth" id="ddlMonth" autocomplete="off" style="width: 78px;">
                    <option value="0">- -</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option selected="selected" value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
            </div>
            <div class="div_txtDK big-txt" style="margin-right: 20px;">
                <select name="ddlYear" id="ddlYear" autocomplete="off" style="width: 128px;">
                    <option value="0">- - - -</option>
                    <option value="2000">2000</option>
                    <option value="1999">1999</option>
                    <option value="1998">1998</option>
                    <option value="1997">1997</option>
                    <option value="1996">1996</option>
                    <option value="1995">1995</option>
                    <option value="1994">1994</option>
                    <option value="1993">1993</option>
                    <option value="1992">1992</option>
                    <option value="1991">1991</option>
                    <option value="1990">1990</option>
                    <option selected="selected" value="1989">1989</option>
                    <option value="1988">1988</option>
                    <option value="1987">1987</option>
                    <option value="1986">1986</option>
                    <option value="1985">1985</option>
                    <option value="1984">1984</option>
                    <option value="1983">1983</option>
                    <option value="1982">1982</option>
                    <option value="1981">1981</option>
                    <option value="1980">1980</option>
                    <option value="1979">1979</option>
                    <option value="1978">1978</option>
                    <option value="1977">1977</option>
                    <option value="1976">1976</option>
                    <option value="1975">1975</option>
                    <option value="1974">1974</option>
                    <option value="1973">1973</option>
                    <option value="1972">1972</option>
                    <option value="1971">1971</option>
                    <option value="1970">1970</option>
                    <option value="1969">1969</option>
                    <option value="1968">1968</option>
                    <option value="1967">1967</option>
                    <option value="1966">1966</option>
                    <option value="1965">1965</option>
                    <option value="1964">1964</option>
                    <option value="1963">1963</option>
                    <option value="1962">1962</option>
                    <option value="1961">1961</option>
                    <option value="1960">1960</option>
                    <option value="1959">1959</option>
                    <option value="1958">1958</option>
                    <option value="1957">1957</option>
                    <option value="1956">1956</option>
                    <option value="1955">1955</option>
                    <option value="1954">1954</option>
                    <option value="1953">1953</option>
                    <option value="1952">1952</option>
                    <option value="1951">1951</option>
                    <option value="1950">1950</option>
                    <option value="1949">1949</option>
                    <option value="1948">1948</option>
                    <option value="1947">1947</option>
                    <option value="1946">1946</option>
                    <option value="1945">1945</option>
                    <option value="1944">1944</option>
                    <option value="1943">1943</option>
                    <option value="1942">1942</option>
                    <option value="1941">1941</option>
                    <option value="1940">1940</option>
                    <option value="1939">1939</option>
                    <option value="1938">1938</option>
                    <option value="1937">1937</option>
                    <option value="1936">1936</option>
                    <option value="1935">1935</option>
                    <option value="1934">1934</option>
                    <option value="1933">1933</option>
                    <option value="1932">1932</option>
                    <option value="1931">1931</option>
                    <option value="1930">1930</option>
                </select>
            </div>
            <div class="clear">
            </div>
        </div>
        <p>
            Tình tra&#803;ng hôn nhân<span class="red">*</span></p>
        <div class="div_txtDK big-txt">
            <select name="ddlStatus" id="ddlStatus" autocomplete="off" class="ddlDWBirth" style="width: 300px">
                <option value="0">L&#432;&#803;a cho&#803;n</option>
                <option value="&#272;&ocirc;&#803;c th&acirc;n">&#272;&ocirc;&#803;c th&acirc;n</option>
                <option value="&#272;ang he&#803;n ho&#768;">&#272;ang he&#803;n ho&#768;</option>
                <option value="&#272;a&#771; &#273;i&#769;nh h&ocirc;n">&#272;a&#771; &#273;i&#769;nh
                    h&ocirc;n</option>
                <option value="&#272;a&#771; k&ecirc;&#769;t h&ocirc;n">&#272;a&#771; k&ecirc;&#769;t
                    h&ocirc;n</option>
            </select>
        </div>
        <p class="middle-box-checkbox">
            <span>
                <input name="cbNote" type="checkbox" id="cbNote" />
            </span><span class="middle-box-text">Thay d&ocirc;&#777;i m&acirc;&#803;t kh&acirc;&#777;u</span>
        </p>
        <p>
            M&acirc;&#803;t kh&acirc;&#777;u hi&ecirc;&#803;n ta&#803;i<span class="red">*</span></p>
        <div>
            <div class="div_txtDK big-txt">
                <input name="txtMyPass" type="password" id="txtMyPass" style="width: 201px;" />
            </div>
            <div class="clear">
            </div>
            <div class="div_pass">
                <p>
                    M&acirc;&#803;t kh&acirc;&#777;u m&#417;&#769;i<span class="red">*</span></p>
                <div class="div_txtDK big-txt">
                    <input name="txtMyNewPass" type="password" id="txtMyNewPass" style="width: 201px;" />
                </div>
            </div>
            <div class="floatright">
                <p>
                    Xác nh&acirc;&#803;n m&acirc;&#803;t kh&acirc;&#777;u m&#417;&#769;i<span class="red">*</span></p>
                <div class="div_txtDK big-txt">
                    <input type="password" id="txtMyReNewPass" name="fullname" style="width: 201px;" />
                </div>
            </div>
        </div>
        <!--<em class="btn-line"></em>-->
        <p class="middle-box-button">
            <a href="javascript:void(0);" id="btnSave" class="save_button_vn"></a><a href="javascript:void(0);"
                id="btnReset" class="cancel_button_vn"></a>
        </p>
        <p class="middle-box-require">
            <span class="red">*</span><span class="lost-pass">thông tin b&#259;&#769;t bu&ocirc;&#803;c</span></p>
    </div>
</div>
</div> 